<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.js-"></script>
	<script type="text/javascript">
	  $(function(){
		  $("#ename").focus(function(){
			  var txt_value = $(this).val();
			  if (txt_value == this.defaultValue) {
				  $(this).val("");
			  }
		  });
		  $("#ename").blur(function() {
			  var txt_value = $(this).val();
			  if (txt_value == "") {
				  $(this).val(this.defaultValue);
			  }
		  });
		  $("#username").focus(function(){
			  var txt_value = $(this).val();
			  if (txt_value == this.defaultValue) {
				  $(this).val("");
			  }
		  });
		  $("#username").blur(function() {
			  var txt_value = $(this).val();
			  if (txt_value == "") {
				  $(this).val(this.defaultValue);
			  }
		  });
		  $("#birthday").focus(function(){
			  var txt_value = $(this).val();
			  if (txt_value == this.defaultValue) {
				  $(this).val("");
			  }
		  });
		  $("#birthday").blur(function() {
			  var txt_value = $(this).val();
			  if (txt_value == "") {
				  $(this).val(this.defaultValue);
			  }
		  });
		  $("#joinDate").focus(function(){
			  var txt_value = $(this).val();
			  if (txt_value == this.defaultValue) {
				  $(this).val("");
			  }
		  });
		  $("#joinDate").blur(function() {
			  var txt_value = $(this).val();
			  if (txt_value == "") {
				  $(this).val(this.defaultValue);
			  }
		  });
		  $("#eno").focus(function(){
			  var txt_value = $(this).val();
			  if (txt_value == this.defaultValue) {
				  $(this).val("");
			  }
		  });
		  $("#eno").blur(function() {
			  var txt_value = $(this).val();
			  if (txt_value == "") {
				  $(this).val(this.defaultValue);
			  }
		  });
	  });
	</script>
	</head>
	<body>
		<table border="0" width="600px">
			<tr>
				<td align="center" style="font-size: 24px; color: #666">
					员工添加
				</td>
			</tr>
			<tr>
				<td align="right">
					<a href="javascript:document.getElementById('saveForm').submit();">保存</a> &nbsp;&nbsp;
					<a href="javascript:history.go(-1)">退回</a>
				</td>
			</tr>
		</table>
		<br />

		<form id="saveForm" action="${pageContext.request.contextPath}/employee/save" method="post">
			<table border='0' cellpadding="0" cellspacing="10">
				<tr>
					<td>
						姓名：
					</td>
					<td>
						<input type="text" id="ename" name="ename" value="请输入姓名" />
					</td>
					<td>
						性别：
					</td>
					<td>
						<input type="radio" name="sex" value="男" checked="checked" />男    
					    <input type="radio" name="sex" value="女" />女  
					</td>
				</tr>
				<tr>
					<td>
						用户名：
					</td>
					<td>
						<input type="text" id="username" name="username" value="请输入用户名" />
					</td>
					<td>
						密码：
					</td>
					<td>
						<input type="password" name="password" value="请输入密码" />
					</td>
				</tr>
				<tr>
					<td>
						出生日期：
					</td>
					<td>
						<input type="text" id="birthday" name="birthday" value="出生日期，yyyy-MM-dd" />
					</td>
					<td>
						入职时间：
					</td>
					<td>
						<input type="text" id="joinDate" name="joinDate" value="入职日期，yyyy-MM-dd" />
					</td>
				</tr>

				<tr>
					<td>
						所属部门：
					</td>
					<td>
						<select name="dno">
						  <option value="">---请选择---</option>						
						  <c:forEach items="${departmentList}" var="d">
						    <option value="${d.did}">${d.dname}</option>
						  </c:forEach>
						</select>
					</td>
					<td>
						编号：
					</td>
					<td>
						<input type="text" id="eno" name="eno" value="请输入编号" />
					</td>
				</tr>
			</table>
		</form>

	</body>
</html>